@charset "utf-8";
@import './modules/footer.scss';
body, div, ul, li, dl, dt, dd, h2, p, img, a ,th,td{
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}
$width:100%;
.header{
  width: $width;
  height: 30px;
  background-color: #eee;
  border-bottom:1px solid #dfdfdf;
  .wrap{
	  width: 1000px;
	  height: 30px;
	  margin: 0 auto;
	  .wrap-left{
		  width: 200px;
		  height: 25px;
		  float: left;
		  font-size: 14px;
		  padding-top: 5px;
		  a{
			  color: #666;
			  &:hover{
				  color: firebrick;
			  }
		  }
		  
	  }
	  .wrap-right{
		  width: 520px;
		  height: 30px;
          float: right;
			ul{
				width: 520px;
				height: 30px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				 li a{
					font-size: 15px;
					color: #666;
					&:hover{
						color: darkred;
					}
				}
			}
	  }
  }

}
//main
.main{
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	.cart-empty{
		display: none;
		width: 1000px;
		height: 500px;
		margin:0 auto;
		border: solid 1px #eee;
		// display: none;
		.title{
			display: block;
			width: 1000px;
			height: 37px;
			border-bottom: solid 1px #eee;
			font: bold 14px/20px "microsoft yahei";
			color: #666;
			padding: 8px 19px;
			line-height: 37px;
		}
		img{
			width: 70px;
			height: 70px;
			margin-left: 489px;
			margin-top: 100px;
		}
		.go-index{
			margin-left: 500px;
			margin-top: 100px;	
			a{
				color: #aaa;
			}
		}
	
	}
	
	.main-title{
		width: 1000px;
		height: 70px;
		border-bottom: solid 3px #DDD;
		h3{
			    font: lighter 24px/30px arial,"microsoft yahei";
			    color: #555;
				margin-top: 10px;
		}
		h5{
			font: 12px/20px arial,"microsoft yahei";
			    color: #AAA;
				margin-top: -25px;
		}
		}
		.table-cart{
			width: 1000px;
			height: 245px;
			ul{
				width: 1000px;
				height: 37px;
				display: flex;
				justify-content: space-around;
				align-items: center;
				.allcheck{
					float: left;
					margin-left: -50px;
				}
				.goods{
					margin-left: 100px;
				}

			}
			
		}
		.table-content{
			width: 1000px;
			height: 150px;
			
			.top{
				width: 1000px;
				height: 37px;
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				background-color: #fefce7;
				h5{
					width: 200px;
					height: 37px;
					font-size: 14px;
					float: left;
					margin-top:10px;
					margin-left: 10px;
					a{
						font-size: 14px;
						color: #000;
						font-weight: bold;
					}
					.p1{
						width: 150px;
						text-align: center;
						float: left;
						margin-top: -18px;
						margin-left: 780px;
						font-size: 12px;
						    line-height: 14px;
						    color: #FFF;
						    background-color: #090;
						    vertical-align: middle;
						    display: inline-block;
						    height: 14px;
						    padding: 2px 6px;
						    border-radius: 10px;
						    margin-right: 4px;
					}
				}

			}
			.center{
				width: 1000px;
				// height: 68px;
				border-bottom: 1px solid #ddd;
				height: auto;
				.allselect{
					margin-left: 10px;
					margin-top: 15px;
					width: 20px;
					height: 20px;
				
				}
				.goodsInfo{
					// width:380px;
					// height: 68px;
					
					margin-left: 200px;
					// display: flex;
					align-items: center;
					margin-bottom: 40px;
					img{
						width: 60px;
						height: 60px;
						margin-left: -100px;
						margin-top: -20px;
					}
					p{
						width: 200px;
						margin-left: 10px;
						margin-top: -60px;
						font-size: 12px;
					}
				}
				.price{
					width: 60px;
					height: 40px;
					margin-left: 420px;
					margin-top: -50px;
				}
				.select{
					margin-left: 560px;
					margin-top: -40px;
					display: flex;
					.decrease{
						display: block;
							font: 14px/14px Arial;
							color: #777;
							text-decoration: none;
							background-color: #F5F5F5;
							letter-spacing: normal;
							word-spacing: normal;
							text-align: center;
							width: 14px;
							height: 14px;
							margin: 0 4px;
							border: solid 1px;
							border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;
							cursor: pointer;
							margin-top: 4px;
					}
					.keyValue{
							font: 12px/20px Tahoma;
							color: #777;
							background-color: #FFF;
							vertical-align: middle;
							display: inline-block;
							height: 20px;
							width: 20px;
							padding: 2px 4px;
							border: solid 1px #CCC;
							outline: 0 none;
							text-align: center;
					}
					.increase{
						display: block;
							font: 14px/14px Arial;
							color: #777;
							text-decoration: none;
							background-color: #F5F5F5;
							letter-spacing: normal;
							word-spacing: normal;
							text-align: center;
							vertical-align: middle;
							display: inline-block;
							width: 14px;
							height: 14px;
							margin: 0 4px;
							border: solid 1px;
							border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC;
							cursor: pointer;
							margin-top: 5px;
					}
				}
				
				.xj{
					width: 50px;
					height: 40px;
					text-align: center;
					line-height: 40px;
					margin-left: 740px;
					margin-top: -30px;
				}
				.cz{
					width: 60px;
					height: 40px;
					margin-left: 900px;
					margin-top: -35px;
					p{
						font-size: 14px;
						 text-align: center;
						 line-height: 20px;
						 a{
							 color: #333;
							 &:hover{
								 color: red;
							 }
						 }
					}
				}
			}
			.bottom{
				width: 1000px;
				height: 90px;
				 margin-top: 20px;
				 text-align: right;
				 border-bottom: solid 2px #999;
				 line-height: 45px;
				 .zj{
					 color: #333;
					 font-weight: bold;
					 margin-right: 20px;
					
				 }
				 #goods-zj{
					color: darkred;
					font-weight: bold;
					margin-left:-10px;
				}
			}
		
		}
		
		.btn{
			width: 227px;
			height: auto;
			background-color: #ff4401;
			margin-left: 720px;
			margin-top: 20px;
		
			

			.button{
				width: 227px;
				height: 38px;
				background-color: #ff4401;
				border: none;
				border-radius: 4px;
				color: whitesmoke;
				display: block;
				text-align: center;
				line-height: 45px;
				margin-bottom: 20px;
			}
		}
		.goods-like{
			width: 1000px;
			height: 250px;
			margin-top: 40px;
			border: solid 1px #EEE;
			.title{
				width: 1000px;
				height: 37px;
				border-bottom: solid 1px #EEE;
				    font: bold 14px/20px "microsoft yahei";
				    color: #666;
				    padding: 8px 19px;
					line-height: 37px;
			}
			.content{
				.guess{
					    color: #AAA;
					    text-align: center;
					    padding: 50px 0;
				}
			}
		}
	}


	